import React from 'react';
import {component} from "../../_internal";
import {Col, Input, Row} from 'antd';
import Ux from 'ux';
import Op from './Op';
import Rdr from './Web';
import './Cab.less';

@component({
    "i18n.cab": require('./Cab.json'),
    "i18n.name": "UI",
})
class Component extends React.PureComponent {
    componentDidMount() {
        Op.componentInit(this);
    }

    render() {
        return Ux.xtReady(this, () => {
            return (
                <Input.Group className={"web-user-group"}>
                    <Row>
                        <Col span={4} className={"group-filter"}>
                            {Rdr.renderType(this)}
                        </Col>
                        <Col span={20} className={"group-content"}>
                            {Rdr.renderChecked(this)}
                        </Col>
                    </Row>
                </Input.Group>
            )
        }, {name: "UserGroup", logger: true})
    }
}

export default Component